草庐IT

jQuery UI 部件库(Widget Factory)

全部标签

javascript - 结合 AngularJS、jQueryUI、Angular-Drag-Drop 排序列表

我遇到以下情况,我需要允许用户从列表中选择对象并将它们拖/放到某个插槽中:对象的大小可以是插槽的一到三倍。所以如果用户将Object1拖到Slot0,那么它只占用Slot0(startSlot=0和endSlot=0)。但是,如果用户将对象3拖动到插槽3,则它会占用插槽3、4和5(startSlot=3和endSlot=5)。将对象放入槽中后,用户可以通过在槽中单击并上下拖动对象来重新排序对象。对象不能相互重叠:我正在使用Angular,所以我正在从数据库中读取对象列表,并且我有一个槽数变量。我尝试了几种解决方案。我相信使用jQuery和jQueryUI可拖动、可放置和可排序是解决方案

javascript - 推荐一个同时处理日期和时间的 JS 日历小部件?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。Improvethisquestion我正在开发一个网络应用程序,用户需要在其中输入日期和时间。我以前用过这个日历小部件,它运行良好:http://www.dynarch.com/projects/calendar/但是,自2005年以来就没有更新过。我想知道是否有人知道更

javascript - JQueryUI 在一个 id 上调用 .accordion 两次

我正在尝试使用AJAX根据框中选择的内容动态生成JquerUIAccordion。目前我有使用JS$("#courseselect").change(function(){$("#testselect").html("");//Emptyanypreviousdata$("#testselect").css("display","block");//Displayitifitwashidden$.getJSON('json.php?show=tests&courseid='+$(this).val(),function(data){for(xindata){$("#testselect

javascript - 小部件加载事件上的 Dojo

我想知道Dojo表单小部件何时被解析或准备就绪,以便我可以对其进行动态自定义。我试图通过使用dojo.connect()方法来实现这一点。但是,我不确定要听什么事件。是onLoad还是onStartup或者..?这是我所做的,但它没有触发:dojo.connect(dijit.byId('myWidget'),'onStartup',function(evt){console.debug("test");}请注意,dijit.byId('myWidget')部分会正确返回对象,所以这不是问题所在。 最佳答案 这在某种程度上取决于您要

javascript - 如何在 jqueryui datepicker 中禁用回车键

我正在使用jQueryUI日期选择器,当用户单击文本框并按下回车键时,当前日期将被填充。我想避免这种情况。我试过这个:$('#datepicker').on('keypress',function(e){if(e.which==13){e.preventDefault();e.stopPropagation();returnfalse;}});运气不好这是演示https://jsfiddle.net/shalini456/zwjzo175/的链接 最佳答案 试试这个:$("#datepicker").keydown(myfuncti

具有拖放重新排序功能的 Javascript 选项卡小部件

您知Prop有内置拖放重新排序功能的选项卡小部件吗?我正在构建类似编辑器的界面,并希望允许用户重新排序他们的选项卡。到目前为止,我一直在使用ExtJS和communityplugin,但它有很多问题,通常需要在每个新的ExtJS版本中更新。 最佳答案 是somethinglikethis你在找什么?如果我想做你现在做的事,我肯定会使用jQuery和jQueryUI作为基础。围绕jQuery的可靠支持结构和丰富的教程是无与伦比的!当然,这是在您不介意另一个javascript框架的重量或不必重新编码您的某些界面的情况下。稍微有点切线,

javascript - 在不涉及输入字段的情况下,在按下按钮时显示 jQueryUI 日期选择器

在ASP.NET项目中,我正在寻找一种方法,当我按下按钮时出现jQueryUI日期选择器,然后在选择日期时引起回发。我已经使用thismethod使回发部分正常工作,但我无法让选择器在我想要的时候离开,或者在选择日期时正常运行。我试过:将选择器附加到按钮本身,但它会在我选择之后和回发发生之前将按钮的文本设置为所选日期,这是我不想要的。将选择器附加到按钮并设置altField的选项它位于浏览器窗口之外,但它仍会在选择日期时设置按钮的文本。通过将其附加到div使其内联并在onclick中创建它的按钮。但是根据thisforumpost,内联日期选择器的设计不显示“完成”按钮,我无法通过单击

javascript - 如何禁用 dijit.form.NumberSpinner 小部件上的鼠标滚轮事件?

我在基于dojo的应用程序中使用了一些dijit.form.NumberSpinner小部件,所有这些小部件都连接到onChange操作。当一个区域有很多NumberSpinner时会出现问题:用户滚动页面并在使用鼠标滚轮滚动时意外地用意外值填充NumberSpinner字段遍布整个地区。是否可以通过某种方式禁用dijit.form.NumberSpinner小部件上的鼠标滚轮事件? 最佳答案 如果您永远不需要它,并且您可以访问dojo源代码并且能够进行自己的构建,请在dijit/form/_Spinner.js上注释这一行:pos

javascript - 在 JQueryUI 小部件的 QUnit 测试中测试可见性

这对其他人来说可能很明显,但我没有通过搜索找到它,所以在这里发布问题和一个可能的答案。背景:自定义JQueryUI小部件使用widgetfactory在小部件中,某些元素会根据其他数据/选项隐藏或显示。创建单元测试以验证它们是否正确显示/隐藏。我认为我的单元测试都可以在内存中创建自己的元素,类似于thisoldanswer.从这个例子中删除了实际的小部件部分:test('show/hide',1,function(){varsomecondition=true;vardiv=$('').hide();if(somecondition)div.show();equal(somecondi

受 iPhone UITableView 启发的 Javascript 小部件?

CocoaTouch的UITableView允许用户以良好的性能滚动浏览大量数据行,因为它回收了表格行。不是为每个数据行创建一个GUI元素,而是创建有限数量的表行,并在用户滚动时简单地更新相关数据,给人一种在大量表行中上下导航的错觉。有没有人在javascript中看到过这个?是否有任何可用的插件可以为我执行此操作? 最佳答案 infinity.js运行良好。它将在幕后动态加载“页面”,让您看起来列表已完全加载。更多信息可以在他们的Github页面上找到-https://github.com/airbnb/infinity此外,我已